<template>
  <div class="swiper">
    <van-swipe :autoplay="3000">
      <van-swipe-item v-for="item in focusList" :key="item.id">
        <img v-lazy="item.picUrl" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
import Vue from 'vue'
import { Swipe, SwipeItem, Lazyload } from 'vant'

Vue.use(Swipe)
Vue.use(SwipeItem)
Vue.use(Lazyload)
export default {
  props: ['focusList']
}
</script>

<style lang='less' scoped>
.van-swipe-item{
  height: 3.1rem;
  overflow: hidden;
  img{
    width: 7.5rem;
    height: 3.7rem;
    position: relative;
    bottom: .3rem;
  }
}
</style>
